.box{
   height: 100vh;
   background: #F5F7FA; 
   overflow:hidden;
   ul{
    height:1.92rem;
    background:rgba(255,255,255,1);
    border-radius:9px;
    margin: .36rem .27rem;
   }
   li{
       padding: .27rem .17rem;
       height: 100%;
       width: 100%;
       list-style-type:none;
       .date{
           height: .3rem;
           span{
            font-size:.22rem;
            font-family:PingFangSC-Regular,PingFang SC;
            font-weight:400;
            color:rgba(164,171,179,1);
           }
       }
       .bottom{
           display: flex;
           justify-content: flex-start;
           margin-top: .24rem;
           .one{
               width: .83rem;
               height: .61rem;
               img{
                   width:.83rem;
                   height: .83rem;
                   background: #ccc;
                   border-radius: 50%;
               }
           }
           .two{
               width: 3.96rem;
               height: .83rem;
               margin-left:.38rem;
               :first-of-type{
                font-size:.25rem;
                font-family:PingFangSC-Regular,PingFang SC;
                font-weight:400;
                color:rgba(0,0,0,1);
               }
               :last-of-type{
                margin-top: .1rem;
                font-size:.25rem;
                font-family:PingFangSC-Regular,PingFang SC;
                font-weight:400;
                color:rgba(164,171,179,1);
               }
           }
           .three{
               height: 0.83rem;
               p{
                font-size:.25rem;
                font-family:PingFangSC-Regular,PingFang SC;
                font-weight:400;
                color:rgba(0,0,0,1);
               }
           }
       }
       
   }
}